<template>
    <el-row :gutter="30">
        <el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="18">
            <news-detail></news-detail>
            <comment></comment>
        </el-col>
        <el-col :xs="24" :sm="24" :md="6" :lg="6" :xl="6" style="height: 900px">
            <news-catalog></news-catalog>
        </el-col>
    </el-row>
</template>

<script>
import NewsDetail from '../../components/article/NewsDetail'
import Comment from '../../components/comment/Comment'
import NewsCatalog from '../../components/article/NewsCatalog';

export default {
    name: 'news',
    components: {
        NewsCatalog,
        NewsDetail,
        Comment
    }
}
</script>
